.top-box {
	width: 100vw;
	box-sizing: border-box;
	padding: calc(var(--status-bar-height) + 14rpx) 32rpx 14rpx;
	font-size: 44rpx;
	font-weight: 700;
	color: $uni-white;
}

.common-box {
	width: 686rpx;
	box-sizing: border-box;
	padding: 32rpx;
	background: $uni-white;
	border-radius: 24rpx;
	margin: 20rpx 32rpx 0;
}

.my-system {
	.item {
		width: 180rpx;
		height: 136rpx;
		background: $uni-F5F5F5;
		border-radius: 16rpx;
		margin-top: 44rpx;
	}
}

.course-list {
	margin-top: 18rpx;
	.course-main {
		width: 100%;
		border-radius: 16rpx;
		background: $uni-F5F5F5;
		margin-top: 20rpx;
		box-sizing: border-box;
		padding: 20rpx;
	}
	.related-courses {
		width: 100%;
		box-sizing: border-box;
		padding: 24rpx;
	}
	.dot {
		width: 12rpx;
		height: 12rpx;
		background: $uni-orange;
		border-radius: 6rpx;
		margin-right: 12rpx;
		flex-shrink: 0;
	}
}

.analysis-teaching {
	.line {
		width: 100%;
		height: 2rpx;
		background: $uni-F5F5F5;
		margin-top: 32rpx;
	}
	.button {
		width: 135rpx;
	}
}

.create-button {
	width: 148rpx;
	height: 56rpx;
	text-align: center;
	line-height: 56rpx;
	background: #008965;
	border-radius: 16rpx;
	font-size: 24rpx;
	color: #ffffff;
}

.open-img {
	height: 80rpx;
	width: 80rpx;
	border-radius: 10rpx;
	margin-right: 16rpx;
	flex-shrink: 0;
}
